<!-- 新增商户 -->
<template>
  <div class="merchant-form">
    <component :is="currentComponent" @setActvie="setActvie"></component>
  </div>
</template>
    
<script>
import Add from "./modules/add";
import Preview from "./modules/preview";
export default {
  name: "addMerchant",
  components: { Add, Preview },
  data() {
    return {
      currentComponent: "Add"
    };
  },
  created() {},
  methods: {
    setActvie(name) {
      this.currentComponent = name;
    }
  }
};
</script>
    
<style scoped lang="scss">
.merchant-form {
  padding: 0 68px;
  padding-bottom: 88px;
  background: #fff;
  border-radius: 4px;
  overflow-y: auto;
  /* 垂直方向溢出时显示滚动条 */
  height: 100vh;
}

.merchant-form::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}
</style>
    